.pc-fenlei {
    width: 100%;
    background: #fff;
    .pc-fenlei-bottom {
        margin: 0 auto;
        width: 1200px*0.8;
        position: relative;
        overflow: hidden;
        padding-top: 40px;
        .pc-fenlei-bottom-left {
            float: left;
            width: 850px*0.8;
            >div {
                display: inline-block;
                vertical-align: text-top;
                ul {
                    overflow: auto;
                    li {
                        display: inline-block;
                        vertical-align: middle;
                        line-height: 20px*0.8;
                        list-style: none;
                        text-align: center;
                        margin: 5px*0.8 10px*0.8 10px*0.8;
                        a {
                            border-radius: 20px*0.8;
                            border: 1px solid rgba(0, 0, 0, 0);
                            padding: 0 10px*0.8;
                            display: block;
                            color: #404040;
                            font-size: 13px*0.8;
                        }
                    }
                    li:hover {
                        a {
                            border: 1px solid #f83030;
                            color: #f83030;
                        }
                    }
                    .pc-xuanzhong {
                        a {
                            border: 1px solid #f83030;
                            color: #f83030;
                        }
                    }
                }
            }
            >div:nth-of-type(1) {
                span {
                    float: left;
                    line-height: 20px*0.8;
                    margin-top: 5px*0.8;
                    color: #404040;
                    font-size: 13px*0.8;
                }
            }
            >div:nth-of-type(2) {
                width: 750px;
            }
        }
        .pc-fenlei-bottom-right {
            float: right;
            margin-top: 50px*0.8;
            height: 47px*0.8;
            position: relative;
            input {
                width: 245px*0.8;
                height: 45px*0.8;
                border: 1px solid #d5d5d5;
                border-radius: 22px*0.8;
                outline: none;
                text-align: center;
                padding-right: 60px*0.8;
                padding-left: 20px*0.8;
                color: #a8a8a8;
                font-size: 13px*0.8;
            }
            span {
                position: absolute;
                right: 20px*0.8;
                margin-top: -12px*0.8;
                top: 50%;
                color: #8f8f8f;
                font-size: 24px*0.8;
                cursor: pointer;
            }
        }
    }
}

.pc-neirong {
    width: 100%;
    background: #f0f0f0;
    .pc-for {
        width: 1200px*0.8;
        margin: 0 auto;
        text-align: left;
        font-size: 0;
        >a {
            margin-right: 10px*0.8;
            display: inline-block;
            vertical-align: middle;
            width: 288px*0.8;
            height: 363px*0.8;
            margin-top: 10px*0.8;
            border-radius: 10px*0.8;
            background: #fff;
            position: relative;
            .pc-neirong-top {
                width: 273px*0.8;
                height: 257px*0.8;
                margin: 0 auto;
                border-bottom: 1px solid #f0f0f0;
                text-align: center;
                overflow: hidden;
                img {
                    width: 100%;
                }
            }
            .pc-neirong-bottom {
                text-align: center;
                .pc-headline {
                    font-size: 16px*0.8;
                    color: #000000;
                    margin-top: 20px*0.8;
                    margin-bottom: 5px;
                } // 钻石
                .pc-zuanshi {
                    span {
                        border-radius: 11px*0.8;
                        background-color: #d336ff;
                        font-size: 14px*0.8;
                        color: #fff;
                        padding: 0 20px*0.8;
                    }
                } // 铂金
                .pc-bojin {
                    span {
                        border-radius: 11px*0.8;
                        background-color: #ff4c4c;
                        font-size: 14px*0.8;
                        color: #fff;
                        padding: 0 20px*0.8;
                    }
                } // 黄金
                .pc-huangjin {
                    span {
                        border-radius: 11px*0.8;
                        background-color: #ff9f39;
                        font-size: 14px*0.8;
                        color: #fff;
                        padding: 0 20px*0.8;
                    }
                } // 没有
                .pc-wu {
                    span {
                        font-size: 13px*0.8;
                        letter-spacing: 0px*0.8;
                        color: #d2d2d2;
                    }
                }
                .pc-price {
                    margin-top: 7px*0.8;
                    font-size: 16px*0.8;
                    color: #595959;
                }
            }
        }
        a:hover {
            box-shadow: 0px*0.8 5px 21px*0.8 0px*0.8 rgba(4, 0, 0, 0.24);
        }
    }
    .pc-for:after {
        width: 100%;
        height: 0;
        margin: 0;
        display: inline-block;
        overflow: hidden;
        content: '';
    }
}

.pc-kong {
    height: 800px*0.9;
    text-align: center;
    img {
        margin-top: 240px*0.8;
        width: 240px*0.8;
    }
    >p:nth-of-type(1) {
        margin-top: 30px*0.8;
        font-size: 14px*0.8;
        color: #959595;
    }
    >p:nth-of-type(2) {
        margin-top: 10px*0.8;
        font-size: 14px*0.8;
        color: #959595;
    }
}